<%--
  Created by IntelliJ IDEA.
  User: cmxml
  Date: 2025/2/12
  Time: 21:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录</title>
</head>
<body>
<%--HTML <section> 元素表示 HTML 文档中一个通用独立章节，它没有更具体的语义元素来表示。一般来说会包含一个标题。流式元素，章节元素，短语元素。--%>
<section class="LoginBox">
    <header class="LoginHeader">
        <h1>超市订单管理系统</h1>
    </header>
</section>

<form class="loginCont" id="actionForm" name="actionForm" action="${pageContext.request.contextPath}/login.do">
    <div class="info">${error}</div>
    <div class="inputbox">
        <%--<label> 标签为 input 元素定义标注（标记），
        label 元素不会向用户呈现任何特殊效果，
        <label> 标签的 for 属性应当与相关元素的 id 属性相同，
        "for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。--%>
        <label for="userCode">用户名：</label>
        <%--placeholder 属性定义了当表单控件没有值时在控件中显示的文本。占位符文本应简要提示用户应向控件输入的预期数据类型--%>
        <%--required 布尔属性（如果存在）表示用户在提交输入所属的表单前必须为其指定一个值。--%>
        <input type="text" class="text-input" id="userCode" name="userCode" placeholder="请输入用户名" required/>
    </div>
    <div class="inputbox">
        <label for="userPassword">密码：</label>
        <input type="password" id="userPassword" name="userPassword" placeholder="请输入密码" required/>
    </div>
    <div class="subBtn">
        <input type="submit" value="登录"/>
        <input type="reset" value="重置"/>
    </div>
</form>
</body>
</html>
